<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>HTML5video播放插件</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
    <div id="psVideo" class="psVideo">
        <video src="https://blz-videos.nosdn.127.net/1/HearthStone/f6cd63b590d416821d3e27e0.mp4" class="my-psVideo" id="my-video" poster="source/1.jpg" preload="metadata">
        </video>
        <div class="psVideo-loading">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <div class="psVideo-play-one"></div>
        <div class="psVideo-shade psVideo-shade-on">
            <div class="psVideo-play-footer">
                <div class="psVideo-progress">
                    <span class="psVideo-timeBar"></span>
                </div>
                <div class="psVideo-play-btn psVideo-stop"></div>
                <div class="psVideo-time">
                    <span id="currentTime">00:00</span>
                    <span>/</span>
                    <span id="duration">00:00</span>
                </div>
                <div class="psVideo-dan">
                    <input type="text" class="psVideo-dan-input" placeholder="点击输入弹幕,回车键发送"/>
                    <span class="psVideo-dan-btn">发送</span>
                </div>
                <div class="psVideo-right-btn">
                    <div class="psVideo-btn all"></div>
                    <div class="psVideo-btn loop" id="loop"></div>
                    <div class="psVideo-btn set">
                        <div class="set-list">
                            <div class="play-speed">播放速度</div>
                            <div class="play-speed-list">
                                <span id="speed05Btn">X0.5</span>
                                <span class="moren" id="speed1Btn">X1</span>
                                <span id="speed2Btn">X2</span>
                            </div>
                        </div>
                        <div class="konge1"></div>
                    </div>
                    <div class="psVideo-btn huazhi">自动</div>
                    <div class="psVideo-btn sound" id="soundBtn">
                        <div class="sound-list">
                            <div class="sound-number">90</div>
                            <div class="volume">
                                <span class="volumeBar"></span>
                            </div>
                        </div>
                        <div class="konge"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="player-list">
            <div class="player-list-bk">
                <div class="player-list-head">播放列表</div>
                <div class="player-list-cotent">
                    <div class="player-list-box">
                        <div class="player-list-video video-now">炉石传说</div>
                        <div class="player-list-video">突然之间</div>
                        <div class="player-list-video">进阶</div>
                        <div class="player-list-video">渐渐</div>
                        <div class="player-list-video">年少有为</div>
                        <div class="player-list-video">爱久见人心</div>
                        <div class="player-list-video">盗将行</div>
                        <div class="player-list-video">Lemon</div>
                        <div class="player-list-video">我的梦</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">视频均来自网络</footer>
    <script type="text/javascript" src="javascript/index.js"></script>
</body>
</html>